<template>
  <div class='app'>
    <!-- 使用插槽传递数据给父组件 -->
    <slot :games="game" :food="food" :movie="movie"></slot>
  </div>
</template>

<script>
export default {
  name: 'ordinario',
  data() {
    return {
      game: [
        { id: "asdtrd1", name: "英雄联盟" },
        { id: "asdtrd2", name: "原神" },
        { id: "asdtrd3", name: "红色警戒" },
        { id: "asdtrd4", name: "斗罗大陆" },
      ],
      food: 'http://49.232.112.44/images/food.jpg',
      movie: 'http://49.232.112.44/video/movie.mp4',
    }
  }

}


</script>

<style scoped>
.app {
  background-color: skyblue;
  padding: 10px;
  width: 300px;

}
</style>